import React, { useState } from 'react'
import { useNavigate } from 'react-router-dom';
import { Uploader, NavBar, Divider, Button } from 'react-vant';
import s from './style.module.less'

export default function UserInfo() {
    const [name, setName] = useState('')
    const navigate = useNavigate()
    return (
        <div className={s.main}>
            <NavBar
                title='用户信息'
                onClickLeft={() => navigate(-1)}
            />
            <div className={s.title}>个人资料</div>
            <Divider />
            <div className={s.updateAva}>
                <div className={s.ava}>头像</div>
                <Uploader
                    multiple
                    // upload={upload}
                    maxCount={1}

                />
            </div>

            <Button type='primary' size='large'>
                点击保存
            </Button>
        </div>
    )
}
